
@mixin w($w){
  width: $w;
}

@mixin h($h){
  height: $h;
}


@mixin fill{
  width: 100%;
  height: 100%;
}


@mixin flex-x{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

@mixin flex-y{
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

@mixin center{
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
